<template>
    <a-tabs type="card-gutter" :active-key="activeKey" @tab-click="tabClick">
        <a-tab-pane title="部门管理" key="部门管理">
            <DepMan></DepMan>
        </a-tab-pane>
        <a-tab-pane title="职位管理" key="职位管理">
            <PosMan></PosMan>
        </a-tab-pane>
        <a-tab-pane title="职称管理" key="职称管理">
            <JoblevelMan></JoblevelMan>
        </a-tab-pane>
        <a-tab-pane title="奖惩规则" key="奖惩规则">
            <EcMan></EcMan>
        </a-tab-pane>
        <a-tab-pane title="权限组" key="权限组">
            <PerMan></PerMan>
        </a-tab-pane>
    </a-tabs>
</template>

<script>
    import DepMan from '../../components/sys/basic/DepMan'
    import EcMan from '../../components/sys/basic/EcMan'
    import JoblevelMan from '../../components/sys/basic/JoblevelMan'
    import PosMan from '../../components/sys/basic/PosMan'
    import PerMan from '../../components/sys/basic/PerMan'

    export default {
        name: "SysBasic",
        components: {
            DepMan,
            EcMan,
            JoblevelMan,
            PosMan,
            PerMan
        },
        data() {
            return {
                activeKey: '部门管理'
            }
        },
        methods: {
            tabClick(key) {
                this.activeKey = key
            }
        }
    }
</script>

<style scoped>

</style>
